/******************************************************************************
* Styles for the tabbed displays.                                             *
******************************************************************************/
/*-----------------------------------------------------------------------------
  Note: The border-radius property is a proposed feature for CSS3 which creates
        rounded corners. Mozilla/Netscape browsers currently support this
        feature via the proprietary -moz-border-radius property. Both are
        defined here. Browsers that support neither should simply ignore them.
-----------------------------------------------------------------------------*/
div.contenedor {
    float: left;
    width: 100%;
    height: auto;
    z-index: -2;
    position: absolute
    }

div.contenedor .personas {
    width: 70%;
    position: relative;
    font-family: "Helvetica", Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 35px;
    margin-bottom: 35px
    }

div.contenedor .sistemas {
    width: 70%;
    position: relative;
    font-family: "Helvetica", Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 35px;
    margin-bottom: 35px
    }

div.contenedorPermisos {
    float: left;
    width: 100%;
    height: 500px;
    z-index: -2;
    position: absolute;
    height: auto
    }

div.contenedorPermisos .formularioPermisos {
    width: 70%;
    height: 400px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 35px;
    margin-bottom: 35px
    }

/* -------------- Tablas ----------------- */
.par {
    background-color: #E8E8E1
    }

.cabecera1 {
    position: relative;
    width: 100%;
    background-color: #8F8F69;
    color: #FFF
    }

.cabecera2 {
    position: relative;
    width: 100%;
    background-color: #C7C7B4;
    color: #000
    }

table {
    width: 100%
    }

table thead th {
    text-align: center
    }

table caption {
    font-family: "Helvetica", Arial, sans-serif;
    font-size: 18px;
    margin-bottom: 10px
    }

table tbody tr:hover {
    background: #E1E193 !important
    }

/* -------------- Pesta------------------- */
div.tabBox {
    position: relative;
    height: 100%
    }

div.tabArea {
    font-size: 80%;
    font-weight: bold;
    padding: 0 0 0 0;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%
    }

a.tab {
    background-color: #E0E0A5;
    border: 2px solid #000;
    border-bottom-width: 0;
    border-color: #f0d0ff #DEDEA3 #DEDEA3 #f0d0ff;
    -moz-border-radius: 0.75em 0.75em 0 0;
    -webkit-border-radius: 0.75em 0.75em 0 0;
    border-radius: 0.75em 0.75em 0 0;
    border-radius-topleft: 0.75em;
    border-radius-topright: 0.75em;
    padding: 2px 1em 2px 1em;
    position: relative;
    text-decoration: none;
    font-family: "Helvetica", Arial, sans-serif;
    font-size: 15px;
    top: 3px;
    z-index: 100
    }

a.tab, a.tab:visited {
    color: #BABA89
    }

a.tab:hover {
    background-color: #CFCF84;
    border-color: #F0F0B0 #BABA89 #BABA89 #F0F0B0;
    color: #FDFFC4
    }

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
    background-color: #BABA77;
    border-color: #DEDEA3 #ABAB7E #ABAB7E #DEDEA3;
    color: #FDFFC4
    }

a.tab.activeTab {
    padding-bottom: 4px;
    top: 1px;
    z-index: 102
    }

div.tabMain {
    font-family: "Helvetica", Arial, sans-serif;
    font-size: 13px;
    background-color: #BABA77;
    border: 2px solid #000;
    border-color: #DEDEA3 #ABAB7E #ABAB7E #DEDEA3;
    -moz-border-radius: 0 0.5em 0.5em 0;
    -webkit-border-radius: 0 0.5em 0.5em 0;
    border-radius: 0 0.5em 0.5em 0;
    border-radius-topright: 0.5em;
    border-radius-bottomright: 0.5em;
    padding: 0.5em;
    position: relative;
    z-index: 101;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 100%
    }

div.tabIframeWrapper {
    font-family: "Helvetica", Arial, sans-serif;
    font-size: 13px;
    width: 100%;
    height: 90%
    }

div.tabContent {
    font-family: "Helvetica", Arial, sans-serif;
    font-size: 13px;
    background-color: #FCFFB3;
    border: 1px solid #000;
    border-color: #ABAB7E #DEDEA3 #DEDEA3 #ABAB7E;
    width: 100%;
    height: 100%
    }

/******************************************************************************
* Additional styles.                                                          *
******************************************************************************/
h4#title {
    font-family: "Helvetica", Arial, sans-serif;
    font-size: 14px;
    background-color: #9E9E74;
    border: 1px solid #000;
    border-color: #ABAB7E #DEDEA3 #DEDEA3 #ABAB7E;
    color: #E0E0A5;
    margin-top: 0;
    margin-bottom: 0.5em;
    padding: 2px 0.5em 2px 0.5em
    }